@use '../../../styles/variables' as *;

.com-dialog {
  .el-overlay-dialog {
    display: flex;
    justify-content: center;
    align-items: center;
    // 确保Dialog的z-index高于Drawer
    z-index: 2000 !important;
  }

  .el-dialog {
    margin: 0 !important;
    // 确保Dialog的z-index高于Drawer
    z-index: 2001 !important;

    &__header {
      height: 54px;
      padding: 0;
      margin-right: 0 !important;
      border-bottom: 1px solid var(--editor-border-color);
    }

    &__body {
      padding: 15px !important;
    }

    &__footer {
      border-top: 1px solid var(--editor-border-color);
    }

    &__headerbtn {
      top: 0;
    }
  }
}

// Dialog 头部样式
.com-dialog-header {
  position: relative;
  height: 54px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 15px;
  padding-right: 15px;
}

// Dialog 头部操作按钮容器
.com-dialog-header-actions {
  position: absolute;
  right: 15px;
  top: 50%;
  height: 54px;
  display: flex;
  transform: translateY(-50%);
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
}

// Dialog 头部操作按钮项
.com-dialog-header-action {
  cursor: pointer;
  transition: color 0.2s ease-in-out;
  color: var(--el-color-info);
  display: inline-flex;
  align-items: center;
  justify-content: center;

  &:hover {
    color: var(--el-color-primary);
  }

  // 图标样式 - 支持 UnoCSS 图标类
  &[class*="i-"] {
    font-size: 18px;
    width: 18px;
    height: 18px;
  }
}

